<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>订单列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all"/>
    <link rel="stylesheet" href="{:_SKIN}/shadmin/v3//css/news.css" media="all"/>
    {:jq()}
</head>

<body class="childrenBody">
<blockquote class="layui-elem-quote news_search">
<form action="">
         <div class="layui-input-inline" style="width:110px;">
                <select name="state" id="state">
                    <option value="0">全部</option>
                    <option value="1">已付款</option>
                    <option value="2">已发货</option>
                    <option value="3">交易完成</option>
                    <option value="4">退款中</option>
                    <option value="5">已退款</option>
                </select>

            </div>
    <div class="layui-inline">
        
         



        <div class="layui-input-inline">
            <input type="text" value="" name="key"  placeholder="请输入关键字" class="layui-input search_input" >
        </div>
        <div class="layui-input-inline">
            <input type="text" value="" name="ks" id="ks" placeholder="开始时间" class="layui-input search_input" >
        </div>

        <div class="layui-input-inline">
            <input type="text" value="" name="jz" id="jz" placeholder="截止时间" class="layui-input search_input" >
        </div>
        <button class="layui-btn search_btn layui-btn-danger">筛选</button>
       
    </div>


    

    <div class="layui-inline">
        <div class="layui-form-mid layui-word-aux">　共找到 {:count($list)} 条</div>
    </div>
     </form>
</blockquote>
<div class="layui-form news_list">
    <table class="layui-table">
       
        <thead>
        <tr>
            <th>id</th>
           <th>订单状态</th>
            <th style="text-align:left;">订单内容</th>
            <th>数量</th>
            <th>价格</th>
            <th>收货人/联系方式</th>
             <th>地址</th>
            <th>订单号</th>
            <th>下单时间</th>
            <th>卖家</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody class="news_content">
        {volist name="list" id="v"}
        <tr>
            <td>{$v.id}
            </td>
            <td>
                {switch name="v.state"}
                {case value="1"}
                 待发货   
                {/case}

                {case value="2"}
                 已发货   
                {/case}

                {case value="3"}
                 已完成   
                {/case}

                {case value="4"}
                 退款中   
                {/case}

                {case value="5"}
                 已退款  
                {/case}




                {/switch}

            </td>
            <td align="left" style="width: 300px; overflow: hidden;">{$v.title}</td>
            <td>{$v.num}</td>
            <td>{$v.money}</td>

            
            <td>{$v.name}[{$v.tel}]</td>
            
            <td>{$v.city}{$v.address}</td>
           
           
            <td>{$v.orderid}</td>
            <td>{$v.paytime}</td>
            <td></td>
            

            <td><a class="layui-btn layui-btn-danger layui-btn-mini news_collect"><i class="layui-icon"></i>查看</a>
            </td>
        </tr>
        {/volist}
        </tbody>
    </table>
</div>

<div id="page">{$page}</div>

<style>
    .pagination { margin-left: 50px;}
    .pagination li { float: left; background: #34a8fe; color: #fff; margin-right:8px ; }
    .pagination li a,.pagination li span { color:#fff;padding: 8px 10px;display: block}
    .pagination .active  { background-color: #fe6738}

</style>

{:jq()}
{:layui()}
<script>

    layui.laydate.render({
        elem: '#ks'
        ,type: 'datetime'
    });

    layui.laydate.render({
        elem: '#jz'
        ,type: 'datetime'
    });


    /*
        $(".news_del").click(function(){
            var id=$(this).data('id');
            parent.layer.confirm("确定要删除该新闻吗？删除后不可恢复",function(){

                $.post("{:url('dev/delnews')}",{id:id},function(res){

                    if(res.code==200){


                        parent.layer.msg('删除成功',{shift:0,time:2000},function(){

                            location.reload();
                        });

                    }else{

                        parent.layer.msg(res.msg);

                    }

                });


            });


        });*/


</script>
</body>
</html>